<html>
  <head>
    <title>Style test</title>
    <style><!--
	A { text-decoration: none; color: green; font-size: 20pt; }
        .myclass { background-color: magenta; }
        //-->
    </style>       
  </head>
  <body>
     <a>level 1 link</a><br>
     <span class="myclass">level 1 text</span><br>
     <span>   
           <style>
              A { text-decoration: underline; color: blue;}
              .myclass { color: red; }
              .navbar {
	         FONT: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #ffffff; TEXT-DECORATION: none
              }
           </style>
	   <a>level 2 link</a><br>
           <span class="myclass">level 2 text</span><br>
           <span class="navbar">navbar text</span><br>
     </span>
     <p>

           <form action="">
           <textarea rows="20" cols="20">
             text in text area <tag>in</tag> more text
             <!-- more text -->
           </textarea>
           </form>

  </body>
</html>